.sign {
     height    : 100%;
     background: #ffffff;

     .Invitation_code_list {
          background-color   : #D8E4FF;
          margin             : 25px;
          height             : 350px;
          border-radius      : 15px;
          -moz-box-align: center;
          -webkit-box-align: center;
          // -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -moz-box-pack: center;
          -webkit-box-pack: center;
          // -ms-flex-pack: center;

          .code_logo {
               margin         : 0 25px;
               height         : 180px;
               justify-content: space-between;
               text-align: center;

               div.img {
                     text-align: center;
                    img{
                         width : 150px;
                         height: 150px;
                    }
               }

               div.InvitationCode {
                    font-size  : 20px;
                    font-weight: bold;
                    color      : red;
                    text-align : center;
                    width: 250px;
               }
          }

          .flow_path {
               height         : 180px;
               margin-left    : 100px;
               justify-content: space-between;
          }
     }

     .article_steps {
          background-color   : #D8E4FF;
          margin             : 25px;
          height             : 150px;
          border-radius      : 15px;
          -moz-box-align: center;
          -webkit-box-align: center;
          // -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -moz-box-pack: center;
          -webkit-box-pack: center;
          // -ms-flex-pack: center;
          justify-content    : space-between;

          .article_steps_item {
               width          : 120px;
               height         : 65px;
               font-size      : 13px;
               justify-content: space-between;

               .circle {
                    width        : 40px;
                    height       : 40px;
                    background   : #5B9FFD;
                    color        : #ffffff;
                    font-weight  : bold;
                    border-radius: 50%;
                    text-align   : center;
                    line-height  : 40px;
                    margin       : 0 auto;
               }

               .circle_title {
                    margin    : 0 auto;
                    text-align: center;
                    font-size : 13px;
               }
          }
     }

     .hint {
          min-height: 80px;
          max-height: auto;

          .hint-title {
               height     : 40px;
               line-height: 40px;
               font-size  : 14px;
               text-align : left;
               margin     : 0 25px;
          }

          .hint-content {
               margin   : 0 25px;
               font-size: 13px;
               color    : #797979;
          }
     }
}